<template>
  <ElCard>
    <li class="blog-conments--item">
      <div class="blog-conments--user blog-line--row">
        <div class="blog-conments--avatar">
          <img :src="conment?.uid?.avatar" alt="!" />
        </div>
        <span class="blog-conments--nickName">{{ conment?.uid?.nickName }}</span>
      </div>

      <p class="blog-conments--content">
        {{ conment?.content }}
      </p>
      <p class="blog-conments--date">{{ conment?.date }}</p>
    </li>
  </ElCard>
</template>

<script setup lang="ts">
import {withDefaults} from 'vue'
withDefaults(defineProps<{
  conment: any
}>(), {conment: {}})
</script>
<style lang="stylus">
.blog-conments--list
  & .el-card
    margin-bottom 16px
  & .el-card__body
    padding 0
</style>
